<template>
  <div>
    <vue-json-pretty :data="json" />
  </div>
</template>

<script setup>
import { ref } from 'vue'
import axios from 'axios'
import VueJsonPretty from 'vue-json-pretty'
import 'vue-json-pretty/lib/styles.css'
let json = ref()
axios.get('/example.json', { responseType: 'blob' }).then(response => {
  let reader = new FileReader()
  // 读取文件中的内容，执行读文件函数，设置编码格式。
  reader.readAsText(response.data, 'UTF-8')
  // 读取文件，得到文件内容。
  reader.onload = function (e) {
    let content = e.target.result
    json.value = JSON.parse(content)
  }
})
</script>
